$(function () {
  // 调用 getUserInfo() 函数 获取用户的基本信息
  getUserInfo();
})

// 封装一个 头像渲染函数
function renderAvatar(user) {
  // console.log(user);
  // 定义一个 username nickname：用户昵称  username：用户名
  const username = user.nickname || user.username;
  $('#welcome').html(`欢迎 ${username}`);
  if (user.user_pic) {
    $('.layui-nav-img').attr('src', user.user_pic).show();
    $('.text-avatar').hide();
  } else {
    $('.layui-nav-img').hide();
    const firstName = username[0].toUpperCase();
    $('.text-avatar').html(firstName);
  }
}


function getUserInfo() {
  $.ajax({
    url: '/my/userinfo',
    method: 'GET',
    // 请求头 配置对象
    // headers: {
    //   Authorization: localStorage.getItem('token') || ''
    // },
    success(res) {
      // console.log(res);
      if (res.status !== 0) {
        return layer.msg(res.message);
      }
      renderAvatar(res.data);
    },
    // complete: function (res) {
    //   // 在 complete 回调函数中，可以使用 res.responseJSON 拿到服务器相应回来的数据
    //   if (res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！') {
    //     // 强制清空 token
    //     localStorage.removeItem('token');
    //     // 强制跳转到登录界面
    //     location.href = '/login.html';
    //   }
    // }
  })
}

// 绑定点击按钮 退出
$('#btnLogOut').on('click', function () {
  // console.log('ok');
  layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function (index) {
    //do something
    // 退出后清空本地 token
    localStorage.removeItem('token');
    location.href = '/login.html';
    layer.close(index);
  });
})